<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="512" height="512">
    <path id="path3984" d="m 256,20 v 180" :stroke="props.strokeColor" style="display:inline;fill:none;stroke-width:30;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"  />
    <path id="path3985" d="m 20,210 h 472" :stroke="props.strokeColor" style="display:inline;fill:none;stroke-width:30;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    <path id="path3996" d="m 20,310 h 472" :stroke="props.strokeColor" style="display:inline;fill:none;stroke-width:30;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"  />
    <path id="path3987" d="m 256,310 v 180" :stroke="props.strokeColor" style="display:inline;fill:none;stroke-width:30;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"  />
  </svg>
</template>
<script setup lang="ts">
const props = defineProps({
  strokeColor: String,
  state: Boolean,
  text:String
});
</script>